@charset "utf-8";
/*角色管理*/
.sidebar-nav {width: 240px;left: 0;position: absolute;float: left;border-top: none;border-left: none;min-height: 100%;height: 100%;margin-top:-50px;border-right: 3px solid #B9B7B3;padding-top: 50px; transition: transform .3s ease-in-out,width .3s ease-in-out;}
.sidebar-close{position: absolute;z-index: 100;width: 8px;height: 48px;background:url('../images/icon_open.png') no-repeat;right: -8px;top: 50%;margin-top: -24px;cursor: pointer}
.sidebar-open{position: absolute;z-index: 100;width: 8px;height: 48px;right: -8px;top: 50%;margin-top: -24px;cursor: pointer;background:url('../images/icon_shrink.png') no-repeat}
.content-main {position: relative;min-height: 100%;background: #fff;margin-left: 240px;}
.content-iframe{display: block;width: 100%;height: 100%;min-height: 100%;overflow: hidden;}
.nav-box{width: 100%;min-height:100%;background-color: #F4F4F4;}
.nav-list li.list-item{position: relative;display: block;width: 100%;font-size: 14px;font-weight: bold;color: #333333;line-height: 40px;text-indent: 20px;height: 40px;
    border-top: 1px solid #CCC9C6;
    background: #efeff0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #efeff0), color-stop(1, #fafafa));
    background: -ms-linear-gradient(bottom, #efeff0, #fafafa);
    background: -moz-linear-gradient(center bottom, #efeff0 0%, #fafafa 100%);
    background: -o-linear-gradient(bottom, #efeff0, #fafafa);
    filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#efeff0')";
    border-left: none;
    cursor: pointer;
}
.nav-list li.list-item i.fa{margin-right: 10px}
.nav-list li.list-item.active i.fa{text-indent: 18px}
.nav-list li.list-item:last-child{border-bottom: 1px solid #CCC9C6}
.nav-list li.list-item.active{background-color: #F5514E;color:#000;
    background: #C7C4CE;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C7C4CE), color-stop(1, #B9B5C1));
    background: -ms-linear-gradient(bottom, #C7C4CE, #B9B5C1);
    background: -moz-linear-gradient(center bottom, #C7C4CE 0%, #B9B5C1 100%);
    background: -o-linear-gradient(bottom, #C7C4CE, #B9B5C1);
    filter: progid:dximagetransform.microsoft.gradient(startColorStr='#C7C4CE', EndColorStr='#B9B5C1');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C7C4CE',EndColorStr='#B9B5C1')";
    border-left: 2px solid #FF4907;
}
.item-icon{position: absolute;display: inline-block;right:10px;vertical-align: middle;color: #999}
.second-box{display: none;background-color:#F4F3F2}
.second-box li{display: block;width: 100%;text-indent: 30px;background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #FAFAFA, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #FAFAFA, #f2f2f2);
    background-image: -o-linear-gradient(top, #FAFAFA, #f2f2f2);
    background-image: linear-gradient(to bottom, #FAFAFA, #f2f2f2);
    background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA',endColorstr='#fff2f2f2', GradientType=0);
}
.role-title{width: 100%;height: 40px;line-height:40px;font-weight: bold;font-size: 15px;color: #333333;text-align:center}
.role-title i.fa{margin-right: 8px}
/*角色列表*/
.role-list{width: 100%;height: auto;min-height: 400px;padding: 10px}
.role-table{width: 100%;border: 1px solid #F0F0EF}
.role-table thead th{height:34px;line-height: 34px;font-size: 14px;color: #333333;text-align: center;font-weight: bold;background-color: #FAFAFA;border: 1px solid #F0F0EF}
.role-table tbody td{height:34px;line-height:34px;font-size: 14px;color: #333333;border: 1px solid #F0F0EF;text-align: center}
.power,.modify{font-size: 14px;margin-right: 10px;cursor: pointer;padding: 2px 4px;background-color: #0099FF;color: #ffffff;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px}
.roler{font-size: 14px;margin-right: 10px;cursor: pointer;padding: 2px 4px;background-color: #F7572B;color: #ffffff;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px}
.power i.fa,.roler i.fa,.modify i.fa{margin: 0 4px}
.page-box{height:auto;margin:0 auto;width: 100%;text-align: center;padding: 20px 0}
.page-list{display: inline-block;width: 100%;text-align: center}
.page-list span{font-size: 15px;color:#333333;}
.page-list span.jump{border:1px solid #666666;color:#666666;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;display: inline-block;padding: 5px 8px;font-size: 14px;cursor: pointer}
.page-list a{display: inline-block;padding: 5px 8px;font-size: 14px;margin: 0 5px;text-align:center;border:1px solid #666666;color:#666666;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px}
.page-list a.active{background-color: #666666;color: #ffffff}
.page-list span input{width: 70px;height: 30px;padding: 0 5px;text-align: center;border:1px solid #666666;font-size: 14px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;margin: 0 5px}
.role-container{width: 100%;height: auto;padding: 10px 5px;}
.add-role{padding: 5px 10px;font-size: 14px;background-color: #F7572B;color: #ffffff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px}
.add-role:hover{color: #ffffff;font-weight: bold}
.add-role i.fa,.refresh i.fa{margin-right: 5px}
.refresh{font-size: 14px;background-color: #C9C5C5;color: #ffffff;padding:2px 8px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;cursor: pointer}
.current{width: 100%;height: 40px;line-height: 40px;font-size: 14px;color: #333333;border-bottom: 1px solid #D5D2CD}
.role-item{font-size: 14px;color: #333333;padding-right: 10px}
span.role-item{padding-left: 10px;color: #FE3901}
.modify-role{margin-left: 10px}
.role-add{width: 80%;height: auto;padding: 20px 0;margin: 0 auto}
.add-node{display: block;height:40px;line-height: 40px;font-size: 14px;}
.add-node input[type="text"]{width: 300px;height: 40px;line-height: 40px;padding: 0 8px;border: 1px solid #E3E1DE;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px}
.add-node input.all-select{display: inline-block;width: 15px;height: 15px;vertical-align: middle;margin-right: 5px;cursor: pointer}
.config-box{display: block;width: 100%;min-height: 100%;padding: 10px}
.role-tree{width: 100%;height: auto;padding: 10px 0}
.ztree{font-size: 14px;color:#333333}
.config-left{width: 20%;display: inline-block;min-height: 100%;border: 1px solid #eee}
.config-right{display: inline-block;width: 80%;padding:0 20px}
.role-search{height: 40px;line-height: 40px;}
.role-search span{display: inline-block;width: 33%;font-size: 14px;color: #333333}
.role-search span input{width:70%;font-size: 14px;padding: 0 5px;border:1px solid #C9C5C5;line-height: 30px;height: 30px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px}
.role-search button.search-btn{display: inline-block;border: 0;margin-left: 42px;background-color: #169BD5;width: 100px;height: 30px;color: #ffffff;  text-align: center;font-size: 15px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px}
.modify-box{width: 80%;height: auto;margin:0 auto}
.modify-list{width: 100%;height:auto;margin-top: 20px}
.modify-left{display: inline-block;width: 10%;font-size: 14px;color: #333;text-align: right;height: auto}
.modify-right{display: inline-block;width: 80%;height: auto}
.role-option{display: inline-block;margin: 0px 20px 10px 0;font-size: 14px;color: #333333;padding:0 20px}
.modify-node{display:block;width: 100%;min-height: 300px;}
.modify-btn{width: 100%;height: auto;margin-top: 20px;text-align: center;}
.modify-btn button,.role-btn button{display: inline-block;border: 0;padding: 6px 30px;color: #333333;font-size: 14px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin: 0 15px;cursor: pointer}
.modify-btn button:first-child,.role-btn button:first-child{background-color: #1E9FFF;color: #ffffff}
.role-option input.options {
    vertical-align: middle;
    border: none;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    appearance: none;
    -webkit-appearance: none;
    font-family: "icon" !important;
    box-shadow: none;
    order: 0;
    -moz-order: 0;
    -webkit-order: 0;
    outline: 0 !important;
    line-height: 16px;
    color: #d8d8d8;
}
.role-option input.options:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    border: 1px solid #ccc;
    background-color: #fff;
    -moz-box-sizing: border-box;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
input.options:checked:after {
    content: "";background: #fff url(../images/cross.png)no-repeat 0px -2px;
}